<template>
  <div>

    <div style="height: 50px;background-color: #5f5f5b;text-align: right">
      <span style="font-size: 25px;color: white;position: relative;right: 60px;top: 5px">管理员</span>
    </div>

    <el-row>
      <!--      侧边栏-->
      <el-col :span="4">
        <el-menu
          style="width: 243px;height: 700px"
          default-active="1"
          :router="true"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >

          <el-menu-item index="/Menu/CarRecognition">
            <i class="el-icon-menu"></i>
            <span slot="title">车辆出入模拟</span>
          </el-menu-item>
          <!--
          <el-menu-item index="/Menu/AllRecordList">
            <i class="el-icon-document"></i>
            <span slot="title">车辆出入记录</span>
          </el-menu-item>
          -->
          <el-submenu index="#">
            <template slot="title"><i class="el-icon-truck"></i>车辆信息管理</template>
            <el-menu-item index="/Menu/CarInfo"> <span style="font-size: 11px">车辆信息</span></el-menu-item>
            <el-menu-item index="/Menu/AllRecordList"> <span style="font-size: 11px">出入记录</span> </el-menu-item>
            <el-menu-item index="/Menu/CarFlow"> <span style="font-size: 11px">流量统计</span></el-menu-item>
            <!--<el-menu-item index="/Login"> <span style="font-size: 11px">测试</span></el-menu-item>-->
          </el-submenu>

          <el-submenu index="#">
            <template slot="title"><i class="el-icon-user-solid"></i>业主信息管理</template>
            <el-menu-item index="/Menu/OwnerList"> <span style="font-size: 11px">业主信息</span> </el-menu-item>
            <el-menu-item index="/Menu/AddOwner"><span style="font-size: 11px">添加业主</span></el-menu-item>
          </el-submenu>

          <el-submenu index="#">
            <template slot="title"><i class="el-icon-user-solid"></i>管理人员中心</template>
            <el-menu-item index="/Menu/ChangePwd"> <span style="font-size: 11px">修改密码</span> </el-menu-item>
          </el-submenu>

        </el-menu>
      </el-col>

      <el-col :span="20">
        <router-view/>
      </el-col>

    </el-row>

  </div>

</template>

<script>
export default {
  name: "Menu"
}
</script>

<style scoped>

</style>
